import name from "./js/a.js"; // es6 模块导入
document.writeln("<h2>真难</h2>")
document.getElementById('test').innerHTML="<h2>真难</h2>"

require("./css/a.css");
require("./css/b.less");
console.log("aaa");
console.log(name);

const { add, mul } = require("./js/mathUtils.js");

console.log(add(10, 20)); //30
console.log(mul(20, 30)); //600

import Vue from 'vue'
import App from './vue/app.vue'
//npm install vue-loader vue-template-compiler --save-dev
new Vue({
    el: '#app',
    template: `<App/>组件在template中使用`,
    comments: {
        App
    },
})
// 什么是webpack？

//es6  之前  es5  commonJS

// 现代的javascript 静态模块打包工具
// 模块  打包

// 整合依赖关系，包括理解比如说es5语法中commonjs等模块化语法，全部转换成游览器可识别的代码
